<div class="row">
  <select [(ngModel)]="selectedStatus" (change)="getUsers()" class="form-control col-md-3">
    <option *ngFor="let status of statuses | enumToArray" [ngValue]="status">{{status}} Users</option>
  </select>
  <div class="col-md-6 text-center bold">
      Last synchronization with CRM: {{crmSynDate | date: 'dd-MM-yyy HH:mm'}}    
  </div>
  <button class="btn btn-primary-dark col-md-3" (click)="resetPass()" [disabled]="selectedUsers.length == 0">
    Reset Password
    <span *ngIf="selectedUsers.length > 0">({{selectedUsers.length}})</span>
  </button>
</div>
<hr>

<sustainalytics-table #usersTable [columns]="columns" [source]="users" [filter]="filter" [elementCount]="count" [paginationPositionDisplay]="paginationPosition"
  [displayTitle]="false" (changed)="tableOptionsChanged($event)" (buttonClicked)="onUserSelectionChanged($event)">
</sustainalytics-table>